import { Outlet } from 'react-router-dom';
import styles from './ManageLayout.module.scss';

function ManageLayout() {
  return <div className={styles.container}>
    <Left />
    <Right />
  </div>
}

function Left() {
  return <div className={styles.left}>
    <button>新建问卷</button>
    <br />
    <a href='/manage/list'>我的问卷</a>
    <br />
    <a href='/manage/star'>练习</a>
    <br />
    <a href='/manage/trash'>Chat</a>
  </div>
}

function Right() {
  return <div className={styles.right}>
    <Outlet />
  </div>
}

export default ManageLayout;
